<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>李俊波</title>
    
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-app-capable" content="yes">
    <meta name="apple-mobile-app-status-bar-style" content="black">
   
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="author" content="cononico">
    <meta name="application-name" content="Cononico" >

    <link rel="stylesheet" type="text/css" href="main.css">
    <link rel="stylesheet" type="text/css" href="process.css">
    <link rel="shortcut icon"  type="x-icon" href="favicon.ico" />
    
    <script type="javascript">
        //设定rem值
        document.getElementsByTagName("html")[0].style.fontSize = document.documentElement.clientWidth/20 + 'px';
    </script>
</head>
<body>
	<header class="head">
        <div class="head_logo_div">
           
        </div>
        <div class="head_nav_div">
             <nav class="head_nav">
                <ul id="nav_ul">
                    <li class="nav_li_on nav_ul_li">个人简历</li>
                    <li class="nav_ul_li">所在学校</li>
                    <li class="nav_ul_li">爱好兴趣及联系方式</li>
                </ul>
            </nav>
        </div>
        <div class="clear"></div>
    </header>
    
    <ul class="float_btn" id="float_btn">
        <li class="btn_on"></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    
    <div class="wrapBox" id="wrapBox">
        <div class="box">
            <img class="box_bg" src="pic_1.jpg">
            <div class="box01_content">
                <div class="head_div">
                    <div class="cycle_item">
                        <a  class="github_a" id="github_a" target="_blank">
                            <span class="github_icon"></span>
                            <span class="github_text"><p class="item_name">微博</p></span>
                        </a>
                        <a  class="weibo_a" id="weibo_a" target="_blank">
                            <span class="weibo_icon"></span>
                            <span class="weibo_text"><p class="item_name">微信</p> </span>
                        </a>
                        <a  class="blog_a" id="blog_a" target="_blank">
                            <span class="blog_icon"></span>
                            <span class="blog_text"><p class="item_name"> QQ</p></span>
                        </a>

                        <div class="green_cycle">
                            <img class="green_cycle_img" src="igreen_cycle.svg">
                            <div class="yellow_cycle">
                                <img class="yellow_cycle_img" src="yellow_cycle.svg">
                                <div class="blue_cycle">
                                    <img class="blue_cycle_img" src="blue_cycle.svg">
                                    <div class="head_img_div">
                                        <img class="head_img" src="head.jpg">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <h1 class="title">李俊波</h1>
                <h2 class="title_h2">抱最大的希望,为最大的努力,做最坏的打算.</h2>
                <div id="box01_text">
                </div>
            </div>
            <div class="arrow_div">
                <img class="arrow_img" src="arrowhead.png">
            </div>
        </div>
        
        <div class="box">
            <img class="box_bg" src="pic_2.jpg">
            
            <div class="box02_content box_content">
                <div id='bar_container' class="bar_container">
                    <div class='bar mint' data-percent='45' data-skill='C语言程序设计'></div>
                    <div class='bar red' data-percent='50' data-skill='PS图形图像处理'></div>
                    <div class='bar lila' data-percent='30' data-skill='数据库'></div>
                    <div class='bar orange' data-percent='60' data-skill='Flash动画设计'></div>
                    <div class='bar gray' data-percent='30' data-skill='网页设计'></div>
                    <div class="bar blue" data-percent='50' data-skill='计算机网络安全'></div>
                    <div class="bar green" data-percent='40' data-skill='Windows程序设计'></div>
                </div>
                <div id="box02_text">
                    <h1>所在学校及学的专业科目掌握情况</h1>
                    <div class="overline"></div>
                    <p>2016年9月1号来到华新现代学院</p>
                    <p>在互联网学院,学习计算机应用知识</p>
                </div>
                <div class="clear"></div>
            </div>
            
            <div class="arrow_div">
                <img class="arrow_img" src="arrowhead.png">
            </div>
            
        </div>
        
        <div class="box">
            <img class="box_bg" src="pic_3.jpg">
            
            <div class="box_content box03_content">
                <ul id="timeUl" class="timeUl">
                    <li>
                        <div>
                            <h1>2016年</h1>
                            <p>华新现代职业学院</p>
                            <p>专业：计算机应用</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <h1>爱好</h1>
                            <p>喜欢玩网络游戏，唱歌</p>
                            <P>联系电话:13880456136</P>
                        </div>
                    </li>
                   
                </ul>
                 <div class="left_div" id="left_div">
                     <img class="left_arrow" src="arrowleft.png">
                 </div>
                 <div class="right_div" id="right_div">
                      <img class="right_arrow" src="arrowright.png">
                 </div>
            </div>
            
             <div class="arrow_div">
                <img class="arrow_img" src="arrowhead.png">
            </div>
        </div>


             <div class="arrow_div">
                <img class="arrow_img" src="arrowhead.png">
            </div>
        </div>
        
        <foot id="foot" class="foot">
            <h1 class="foot_title">Contact With Me</h1>

            <div class="foot_power">
                <h3>2016年6月28日

                    <a  title="IceEnd">李俊波</a>
                    <a title="beian" target="_blank">成都市龙泉驿区</a>
                </h3>
            </div>
        </foot>
    </div>
    <script type="javascript" src="main.js"></script>
</body>
    
</html>

 